<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
            <link rel="stylesheet" href="${request.contextPath}/statics/plugins/kindeditor-4.1.7/themes/default/default.css"/>
            <script charset="utf-8" src="${request.contextPath}/statics/plugins/kindeditor-4.1.7/kindeditor-min.js"></script>
            <script charset="utf-8" src="${request.contextPath}/statics/plugins/kindeditor-4.1.7/lang/zh_CN.js"></script>
            <link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/plugins/My97DatePicker/skin/WdatePicker.css" >
            <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
            <script src="${request.contextPath}/statics/plugins/My97DatePicker/WdatePicker.js" charset="utf-8"></script>
            <style>
                .left {
                    float: left;
                    width: 17%;
                    height: 100%;
                }
                .right {
                    width: 83%;
                    margin-left: 17.2%;
                    height: 100%;
                    border-left: 1.1px solid #1b1b19;
                }
                .middle {
                    width: 100%;
                    height: 100%;
                    border-top: 1.1px solid #1b1b19;
                }
                .ke-dialog-default{
                    top: 222px;
                }
                .tab-head{ background-color:#f3f3f3; height:35px; overflow:hidden; }
                .tab-head li{ float:left; }
                .tab-head li a{ display:block; width:100px; line-height:35px; text-align:center; }
                .tab-head li.active a, .tab-head li a:hover{ border-top:2px solid #016FA8; background-color:#fff; color:#f00; text-decoration:underline; }
                .tab-content{ height:100px; padding:10px; }
                .yq-table{

                }
                .yq-table{
                    border: 1px solid #337ab7;
                }
                .yq-table th{
                    height: 40px;
                    padding: 0 10px;
                    font-size: 14px;
                    line-height: 40px;
                    color: #666;
                }
            </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div class="left">
       <!-- <div>
            <a id="pcadd" @click="addcategroy"><i class="fa fa-plus" ></i>&nbsp;新增</a>
            <a id="pcmod" @click="modcategroy"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            <a id="pcdel" @click="delcategroy"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
        </div>-->
        <div class="col-sm-10">
            <ul id="CategoryZtree" class="ztree"></ul>
        </div>
    </div>

    <div id="showtable" class="right">
        <div class="panel-heading">{{title}}</div>
         <div  class="grid-btn">
             <div class="form-group col-sm-2">
                 <input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="产品名">
             </div>
             <a class="btn btn-default" @click="query">查询</a>
             <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
             <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
             <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
         </div>
         <table id="jqGrid"></table>
         <div id="jqGridPager"></div>
     </div>
    <div id="addormod" class="right">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <!--<div class="form-group">
                <div class="col-sm-2 control-label">店铺id</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="btCustomerMessage.custId" placeholder="店铺id"/>
                </div>
            </div>-->
            <!--<div class="form-group">
                <div class="col-sm-2 control-label">类型</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="btCustomerMessage.typestr" placeholder="类型"/>
                </div>
            </div>-->
            <div class="form-group">
                <div class="col-sm-2 control-label">标题</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="btCustomerMessage.title" placeholder="标题"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">主图</div>
                <div class="col-sm-10">
                    <!--<input type="text" class="form-control" v-model="btCustomerMessage.img" placeholder="主图"/>-->
                    <img id="bingimg" style="width:100px;height:100px;"  v-bind:src="btCustomerMessage.img"/>
                    <a class="btn btn-primary" id="upload"><i class="fa fa-plus"></i>&nbsp;上传图片</a>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">摘要</div>
                <div class="col-sm-10">
                    <textarea placeholder="摘要" v-model="btCustomerMessage.summary" style="margin: 0px; width: 369px; height: 116px;"></textarea>
                  <!--  <input type="text" class="form-control" v-model="btCustomerMessage.summary" placeholder="摘要"/>-->
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">创建时间</div>
                <div class="col-sm-10">
                    <input id="timeval" onkeyup="value=value.replace(/[^\d]/g,'')" type="text" class="form-control" readonly="readonly" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',alwaysUseStartDate:true})" v-model="btCustomerMessage.creattime" placeholder="创建时间"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">点击次数</div>
                <div class="col-sm-10">
                    <input type="text"  class="form-control" v-model="btCustomerMessage.clickcnt" placeholder="点击次数"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">详情</div>
                <div class="col-sm-10">
                   <!-- <input type="text" class="form-control" v-model="btCustomerMessage.detail" placeholder="详情"/>-->
                    <textarea id="activity_detail" name="contentDetail" v-model="btCustomerMessage.detail"
                              type="text/plain" style="width:800px;height:500px;"></textarea>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
     <div id="unshowtable" class="right">
         <strong class="col-sm-5 control-label" style="font-size: 16px;">没有产品列表！！</strong>
     </div>

</div>

<script src="${request.contextPath}/statics/js/modules/sys/messagemanager.js?_${.now?long}"></script>
</body>
</html>